<style type="text/css">
@import "<?echo base_url();?>src/css/index.css";
</style>
<script type="text/javascript">
function gotoessay(){
	window.location.href="<?echo base_url()?>index.php/correction/essay";
}
function gotooral(){
	window.location.href="<?echo base_url()?>index.php/correction/oral";
}
function gotoreg(){
	window.location.href="<?echo base_url()?>index.php/user/register";
}
</script>
		<div id="banner" onclick="gotoreg()"></div>
		<div id="content">
			<h1>Tools</h1>
			<div>
				<div class="contentbox" id="writingbutton" onclick="gotoessay()">
					<img class="buttonimg" src="<?echo base_url()?>src/image/writingmark.png"/>
				</div>
				<div class="contentbox" id="oralbutton" onclick="gotooral()">
					<img class="buttonimg" src="<?echo base_url()?>src/image/oralmark.png"/>
					<div style="width:400px;height:250px;line-height:250px;font-size:40px;background-color:#EEE;filter:alpha(opacity=60);opacity:0.6;z-index:3;position:relative;top:-125px;">
						Coming soon......
					</div>
				</div>
			</div>
		</div>
		<div id="news">
			<h1>News</h1>
			<ul>
				<li>2012-01-01<a href="">The Website's framework is change to...</a></li>
				<li>2012-01-01<a href="">Serve will be update on Feb 1th.</a></li>
				<li>2012-01-01<a href="">Oral Correction will be coming on Feb 1th.</a></li>
			</ul>
		</div>